<!DOCTYPE html>
<html>

<head>
<title>金鸡岭驾校</title>
<!--css-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--/css-->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Mechanical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
<!-- //for-mobile-apps -->
<!-- js -->
<script src="js/jquery.min.js">
		</script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- /js -->
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Belgrano' rel='stylesheet'
	type='text/css'>
<link
	href='http://fonts.useso.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic'
	rel='stylesheet' type='text/css'>
<link
	href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400'
	rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 900);
				});
			});
		</script>
<!--/script-->

<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="H-ui_v2.1.8/static/h-ui/css/H-ui.css" rel="stylesheet" type="text/css" />
<link href="H-ui_v2.1.8/static/h-ui/css/style.css" rel="stylesheet" type="text/css" />
<link href="H-ui_v2.1.8/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="H-ui_v2.1.8/lib/bootstrap-Switch/bootstrapSwitch.css" rel="stylesheet" type="text/css" />
<link href="H-ui_v2.1.8/lib/Hui-iconfont/1.0.7/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="H-ui_v2.1.8/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
</head>

<body>
	<!--header-->
	<div class="header">
		<div class="header-nav">
			<div class="container">
				<div class="logo">
					<a href=""><h1>金鸡岭驾校</h1></a>
				</div>
				<div class="navigation">
					<nav class="navbar navbar-default">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed"
								data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span> <span
									class="icon-bar"> </span> <span class="icon-bar"> </span> <span
									class="icon-bar"> </span>
							</button>
						</div>
						<div class="collapse navbar-collapse nav-wil"
							id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active"><a href="/Views/Home/index.html">驾校首页<span
										class="sr-only">(current)</span></a></li>
								<li><a href="/Views/Home/关于我们.html">驾校信息</a></li>
								<li><a href="/Views/Home/报名须知.html">报名须知</a></li>
								<li><a href="/Views/Home/关于我们.html">关于我们</a></li>
								<li><a href="#">驾校论坛</a></li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<!-- /.navbar-collapse -->
					</nav>
				</div>
			</div>
		</div>
	</div>
	<!-- script-for-menu -->
	<script>
			$("span.menu").click(function() {
				$(".top-nav ul").slideToggle("slow", function() {});
			});
		</script>
	<!-- script-for-menu -->
	<div class="banner-left">
		<div class="banner-title">
			<div id="top" class="callbacks_container">
				<ul class="rslides" id="slider3">
					<li>
						<div class="banner2 banner5"></div>
					</li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="banner-bottom-strip">
		<div class="container">
			<p>金鸡岭驾校欢迎您.</p>
		</div>
	</div>
	<!--inner-page-about-->

	<style>
.middle_neirong {
	padding-left: 300px;
	padding-bottom: 100px;
	padding-right: 200px;
	height: 1800px;
	font-size: 16px;
}
</style>
<section class="Hui-container" style="background-image: url(bg/008.gif); height: 550px;">
	<div class="Hui-wraper" style="padding-left: 300px;">
		<h2>网上报名系统</h2>
		<div class="line"></div>
		<form action="" method="post" class="form form-horizontal responsive" id="demoform">
			
			<div class="row cl">
				<label class="form-label col-xs-2">提交目的：</label>
				<div class="formControls col-xs-5"> <span class="select-box">
					<select class="select" size="1" name="demo1" datatype="*" nullmsg="请选择所在城市！">
						<option value="" selected>---请选择---</option>
						<option value="1">预约报名</option>
						<option value="2">咨询问题</option>
					</select>
					</span> </div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">预计学车人数：</label>
				<div class="formControls col-xs-5"> <span class="select-box">
					<select class="select" size="1" name="demo1" datatype="*" nullmsg="请选择所在城市！">
						<option value="" selected>---请选择---</option>
						<option value="1">就我一个吖</option>
						<option value="2">带上朋友组团呗</option>
						<option value="3">妈呀，人很多的</option>
					</select>
					</span> </div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">学员姓名：</label>
				<div class="formControls col-xs-5">
					<input type="text" class="input-text" placeholder="4~16个字符，字母/中文/数字/下划线" name="username" id="username" datatype="*4-16" nullmsg="用户名不能为空">
				</div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">学员姓名：</label>
				<div class="formControls col-xs-5">
					<input type="text" class="input-text" placeholder="4~16个字符，字母/中文/数字/下划线" name="username" id="username" datatype="*4-16" nullmsg="用户名不能为空">
				</div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">联系电话：</label>
				<div class="formControls col-xs-5">
					<input type="text" class="input-text" placeholder="7~11个数字" name="username" id="username" datatype="*4-16" nullmsg="用户名不能为空">
				</div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">邮箱：</label>
				<div class="formControls col-xs-5">
					<input type="text" class="input-text" placeholder="@" name="email" id="email" datatype="e" nullmsg="请输入邮箱！">
				</div>
				<div class="col-xs-5"> </div>
			</div>
			
			<div class="row cl">
				<label class="form-label col-xs-2">所报班级：</label>
				<div class="formControls col-xs-5"> <span class="select-box">
					<select class="select" size="1" name="demo1" datatype="*" nullmsg="请选择所在城市！">
						<option value="" selected>---请选择班级---</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
					</select>
					</span> </div>
				<div class="col-xs-5"> </div>
			</div>
						
			<div class="row cl">
				<label class="form-label col-xs-2">备注：</label>
				<div class="formControls col-xs-5">
					<textarea name="" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" datatype="*10-500" nullmsg="备注不能为空！" onKeyUp="textarealength(this,500)"></textarea>
					<p class="textarea-numberbar"><em class="textarea-length">0</em>/500</p>
				</div>
				<div class="col-xs-5"> </div>
			</div>
			<div class="row cl">
				<div class="col-xs-10 col-xs-offset-2">
					<input onclick="tj()" id="tj" class="btn btn-primary size-XL" style="width: 50%;padding-top: 0px;" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
				</div>
			</div>
		</form>
	</div>
</section>
<!-- 提交事件 -->
<script>
  function tj(){
	  alert("准备提交");
  };
</script>
<script type="text/javascript" src="H-ui_v2.1.8/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/icheck/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/bootstrap-Switch/bootstrapSwitch.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/lib/Validform/5.3.2/passwordStrength-min.js"></script> 
<script type="text/javascript" src="H-ui_v2.1.8/static/h-ui/js/H-ui.js"></script>
<script>
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	$("#demoform").Validform({
		tiptype:2
	});
});
</script>

	<!--/inner-page-about-->
	 <div class="footer">
			 <div class="container">				 	
				 <div class="col-md-3 ftr_navi ftr">
					 <h3>关于费用</h3>
					 <ul>
						 <li><a href="/Views/Home/收费标准.html">收费标准</a></li>
						 <li><a href="#">收费标准</a></li>
						 <li><a href="#">收费标准</a></li>
						 <li><a href="/Views/Home/网上报名.html">网上报名</a></li>
					 </ul>
				 </div>
				 <div class="col-md-3 ftr_navi ftr">
					 <h3>关于报名</h3>
					 <ul>
					 	<li><a href="#">报名须知</a></li>
					 	<li><a href="#">网上报名</a></li>
					 	<li><a href="#">乘车路线</a></li>
					 </ul>
				 </div>
				 <div class="col-md-3 get_in_touch ftr">
					  <h3>联系我们</h3>
					  <address style="color: white;">广西省桂林市金鸡岭驾校</address>
					  <p>GuiLin . China</p>
					  <p>+86 186 7733 8530</p>
				 </div>
				 <div class="col-md-3 ftr-logo">
					 <a href="#"><h3>我的信息</h3></a>
					 <strong style="font-size: 20px;color: white;">学号:1251210111</strong><br />
					 <strong style="font-size: 20px;color: white;">姓名:陈永鹏</strong></b>
				 </div>
				<div class="clearfix"> </div>
			 </div>
		  </div>
	<!---End-container---->
	<!---->
	<script type="text/javascript">
			$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
				$().UItoTop({
					easingType: 'easeOutQuart'
				});
			});
		</script>
	<a href="#to-top" id="toTop" style="display: block;"> <span
		id="toTopHover" style="opacity: 1;"> </span></a>
	<!---->
</body>

</html>